<template>
  <div class="search-type-module">
    <el-link v-for="link in links" :underline="false" :href="link.href" :key="link.name" target="_blank" class="link">{{
        link.name
    }}</el-link>
  </div>
</template>

<script lang="ts" setup>
const links = [
  { href: 'https://pubmed.ncbi.nlm.nih.gov/', name: 'pubmed' },
  { href: 'https://clinicaltrials.gov/', name: 'clinicaltrials' },
  { href: 'https://sci-hub.ru/', name: 'sci-hub' },
  { href: 'http://www.chictr.org.cn/searchproj.aspx', name: 'chictr' },
  { href: 'https://www.cnki.net/', name: '知网' },
  { href: 'https://www.wanfangdata.com.cn/index.html', name: '万方' },
  {
    href: 'http://www.letpub.com.cn/index.php?page=journalapp',
    name: 'letpub'
  }
]
</script>
<style lang="scss" scoped>
.search-type-module {
  height: 30px;
  overflow: hidden;

  .link {
    border: 0px;
    background-color: transparent;
    border-radius: 3px;
    float: left;
    padding: 3px 10px 3px 0;
    margin-right: 10px;
    height: 30px;
  }
}
</style>
